<script setup></script>

<template>
  <view class="root-container text-red"> Hello China! </view>
  <view>
    <wd-button size="small">主要按钮</wd-button>
    <wd-button type="success" size="small">成功按钮</wd-button>
    <wd-button type="info" size="small">信息按钮</wd-button>
    <wd-button type="warning" size="small">警告按钮</wd-button>
    <wd-button type="error" size="small">危险按钮</wd-button>
  </view>
</template>

<style scoped>
.root-container {
  padding: 5rem 2.5rem;
  text-align: center;
}
</style>
